Session - Images
The NHS-R Community logo taken from the GitHub repository directly
{knitr}
The Visual editor is great for WSIWYG (what you see is what you get) but also really useful for those who prefer the Markdown coding as the wizards give prompts:
Format and Insert
In markdown linking to an image in the same area as the .qmd file is straightforward, as is going to a subfolder
Useful things to know
/ after a folder will show what’s in that folder../ code!Some helpful tips
embed-resources: true to the YAML to remove the generated folderNote that autofills. To force a prompt to autofill use tab
Also if Global Options/RMarkdown/Show output inline for all R Markdown… is ticked the picture will automatically appear in the script. To remove untick but also requires a restart Ctrl + Shift + F10
Using the drop down menu with a cog, found next to the blue arrow with Render
Preview Images and Equations
will not be ticked, selecting this will allow Quarto to show the image in the report script.
Alternative text is predominately for people using screen readers to explain images but is very useful when images break:
File should be baker_3.png
Rendered image doesn’t work but the text shows

Between {} that comes after the link:
{fig-alt="Three green fuzzy monsters in chef hats stand on top of one another, with the one on top pouring flour into a mixing bowl."}Within the <> and space between sections
<div id="bakeoff">
<img src="img/bakers_3.png" alt="Alt text:Three green fuzzy monsters in chef hats stand on top of one another, with the one on top pouring flour into a mixing bowl.">
</div> {knitr}
Code used in R chunks
Markdown doesn’t support resizing and html requires knowledge of a different language but using {knitr} and Quarto options:
And can change where the image appears:
Using the [] for the words:
Sign up to free events through the NHS-R Community website
How do you add headers in Markdown?
! Header
- Header
# Header
1. Header
Answer: Headers is # hash
What about lists? Bulleted? Numbered?
! Item 1
- Item 1
# Item 1
1. Item 1
Lists are - for bullets and 1. for numbered
Artwork from Allison Horst “Illustrations from Hadley Wickham’s ACM talk”The Joy of Functional Programming (for Data Science).” https://allisonhorst.com/wickham-tidy-bakers